<template>
	<view class="paySuccess_container">
		<view class="paySuccess_pay">
			支付成功
		</view>
		<view class="paySuccess_shi">
			实付 &nbsp;¥339.00
		</view>
		<view class="paySuccess_look">
			查看订单
		</view>
		<view class="paySuccess_induc">
			为您推荐
		</view>
		<view class="paySuccess_footer">
			<view class="paySuccess_shopItem">
				<image src="../../static/index/index2.png" mode=""></image>
				<view class="paySuccess_text">
					一加 OnePlus 8 5G旗舰 90 Hz高清柔性屏 高通骁龙865
				</view>
				<view class="paySuccess_ft">
					<view class="paySuccess_money">
						¥3999.00
					</view>
					<view class="paySuccess_payed">
						0付款
					</view>
				</view>
			</view>
			<view class="paySuccess_shopItem">
				<image src="../../static/index/index2.png" mode=""></image>
				<view class="paySuccess_text">
					一加 OnePlus 8 5G旗舰 90 Hz高清柔性屏 高通骁龙865
				</view>
				<view class="paySuccess_ft">
					<view class="paySuccess_money">
						¥3999.00
					</view>
					<view class="paySuccess_payed">
						0付款
					</view>
				</view>
			</view>
			<view class="paySuccess_shopItem">
				<image src="../../static/index/index2.png" mode=""></image>
				<view class="paySuccess_text">
					一加 OnePlus 8 5G旗舰 90 Hz高清柔性屏 高通骁龙865
				</view>
				<view class="paySuccess_ft">
					<view class="paySuccess_money">
						¥3999.00
					</view>
					<view class="paySuccess_payed">
						0付款
					</view>
				</view>
			</view>
		</view>
	</view>
</template>

<script>
</script>

<style lang="scss" scoped>
	.paySuccess_container{
		padding: 0 30rpx;
		.paySuccess_pay{
			margin-top: 61rpx;
			font-size: 53rpx;
			font-family: PingFang SC;
			font-weight: 600;
			color: #000000;
			opacity: 1;
		}
		.paySuccess_shi{
			height: 118rpx;
			line-height: 118rpx;
			font-size: 35rpx;
			font-family: PingFang SC;
			font-weight: 400;
			color: #000000;
			opacity: 1;
			border-bottom: 1px solid #7B7B7B;
		}
		.paySuccess_look{
			width: 279rpx;
			height: 81rpx;
			text-align: center;
			line-height: 81rpx;
			color: #FFFFFF;
			background: #008573;
			opacity: 1;
			border-radius: 41rpx;
			margin-top: 71rpx;
		}
		.paySuccess_induc{
			font-size: 32rpx;
			font-family: PingFang SC;
			font-weight: 600;
			line-height: 45rpx;
			color: #000000;
			opacity: 1;
			margin-top: 114rpx;
		}
		.paySuccess_footer{
			width: 690rpx;
			display: flex;
			flex-wrap: wrap;
			justify-content: space-between;
			margin-top: 30rpx;
			.paySuccess_shopItem{
				height: 480rpx;
				image{
					width: 330rpx;
					height: 330rpx;
				}
				.paySuccess_text{
					width: 304rpx;
					font-size: 24rpx;
					font-family: PingFang SC;
					font-weight: 400;
					color: #333333;
					opacity: 1;
					overflow: hidden;/*超出部分隐藏*/
					-webkit-line-clamp:2;
					-webkit-box-orient:vertical;
					text-overflow:ellipsis;/* 超出部分显示省略号 */
					margin-left: 13rpx;
				}
				.paySuccess_ft{
					display: flex;
					justify-content: space-between;
					font-size: 24rpx;
					font-family: PingFang SC;
					font-weight: 400;
					color: #000000;
					opacity: 1;
					margin-top: 26rpx;
				}
			}
		}
	}
</style>
